






<!doctype html>
<html lang="zh-CN">
<head>
  <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <meta name="author" content="Feily Zhang">
  
  
  
  
    <meta name="description" content="">
  
  <title>Feily Zhang</title>
  
  
    <link rel="shortcut icon" href="/favicon.ico">
  
  
  <link rel="stylesheet" href="/css/random.css">
<link rel="stylesheet" href="/css/vegas.min.css">
<link rel="stylesheet" href="/css/highlight-railscasts.css">
<link rel="stylesheet" href="/css/jquery.fancybox.css">
<link rel="stylesheet" href="/css/iconfont/iconfont.css">
<link rel="stylesheet" href="/css/jquery.fancybox-thumbs.css">
<link rel="stylesheet" href="/css/plyr.css">
</head>
<body style="font-family:SimSun;">
<div class="random-center hide-area">
  <div id="random-index">
    <div class="center-field">
      <img class="avatar" src="https://cdn.nlark.com/yuque/0/2019/png/257195/1549369032481-avatar/c35b6232-6fc3-4340-b409-10dceea38e63.png?x-oss-process=image/resize,m_fill,w_112,h_112/format,png" width=120 height=120 onClick="openUserCard()">
    </div>
    <div class="center-field">
      <div class="title" onClick="openUserCard()">Feily Zhang</div>
      <div class="sub-title" onClick="openUserCard()">Java开发与大数据、Python爬虫、R数据挖掘、Prolog语义网</div>
    </div>
    <hr >
    <div class="center-field">
      <ul class="index-nav-link">
        
        
          
            <li><a href="https://www.feily.tech/?sort=1" target="_blank">我的博客</a></li>
            <li><a href="https://www.yuque.com/FeilyZhang" target="_blank">我的语雀</a></li>
        	<li><a href="https://music.163.com/#/user/home?id=424858919" target="_blank">我的音乐</a></li>
            <li><a href="https://www.feily.tech/?post=14" target="_blank">我的简历</a></li>
            <li><a href="mailto:fei@feily.tech" target="_blank">我的邮箱</a></li>
            <li><a href="https://haoyue.feily.tech/" target="_blank">无晴无风</a></li>
          
        
      </ul>
      <ul class="social-icon">
   <li>
      <a href="https://github.com/FeilyZhang" target="_blank">
        
          <i class="icon iconfont github">&#xe606;</i>
        
      </a>
    </li>
  
    <li>
      <a href="https://www.zhihu.com/people/FeilyZhang/activities" target="_blank">
        
          <i class="icon iconfont iconfontzhihu">&#xe60b;</i>
        
      </a>
    </li>
  
    <li>
      <a href="https://weibo.com/FeilyZhang" target="_blank">
          <i class="icon iconfont weibo">&#xe602;</i>
      </a>
    </li>
  
    <li>
      <a href="https://coding.net/u/feily" target="_blank">
          <i class="icon iconfont coding-copy">&#xe607;</i>
      </a>
    </li>
</ul>
    </div>
  </div>
</div>
  <!--
<div id="user-card">
  <div class="center-field">
    <img class="avatar" src="https://cdn.nlark.com/yuque/0/2019/png/257195/1549369032481-avatar/c35b6232-6fc3-4340-b409-10dceea38e63.png?x-oss-process=image/resize,m_fill,w_112,h_112/format,png">
    <p id="description"></p>
    <ul class="social-icon">
  
      <li>
      <a href="https://www.zhihu.com/people/FeilyZhang/activities" target="_blank">
        
          <i class="icon iconfont zhihu">&#xe607;</i>
        
      </a>
    </li>
  
    <li>
      <a href="mailto:fei@feily.tech" target="_blank">
          <i class="icon iconfont email">&#xe602;</i>
      </a>
    </li>
</ul>
  </div>
</div>
-->

<div id="btn-view">Hide</div>

<script>
// is trigger analytics / tongji script
var isIgnoreHost = false;

if(window && window.location && window.location.host) {
  isIgnoreHost = ["localhost","127.0.0.1"].some(function(address){
    return 0 === window.location.host.indexOf(address);
  });
}

var isTriggerAnalytics = !( true && isIgnoreHost );

</script>




  
  
    <script src="/js/jquery-2.2.3.min.js"></script>
  
    <script src="/js/vegas.min.js"></script>
  
    <script src="/js/random.js"></script>
  
    <script src="/js/highlight.pack.js"></script>
  
    <script src="/js/jquery.mousewheel.pack.js"></script>
  
    <script src="/js/jquery.fancybox.pack.js"></script>
  
    <script src="/js/jquery.fancybox-thumbs.js"></script>
  
    <script src="/js/plyr.js"></script>
  

<script>

  // fancybox
  var backgroundImages = [];
  
  $('#post').each(function(i){
    $(this).find('img').each(function(){
      if ($(this).parent().hasClass('fancybox') || $(this).parent().hasClass('fancybox-thumb')) return;
      var alt = this.alt || this.title;
      if (alt) $(this).after('<span class="caption">' + alt + '</span>');
      $(this).wrap('<a href="' + this.src + '" title="' + alt + '" class="fancybox"></a>');
    });
    $(this).find('.fancybox').each(function(){
      $(this).attr('rel', 'post' + i);
    });
  });
  $(".fancybox").fancybox();

var vegasConfig = {"preload­Image":true,"transition":["slideLeft2","slideRight2","flash2"],"timer":true,"delay":3000,"shuffle":true,"count":28};
var unsplashConfig = {"gravity":"north"};
// is show background images
var turnoffBackgroundImage = false;




var backgroundColor = "34495E";

$(".fancybox-thumb").fancybox({
  prevEffect: 'none',
  nextEffect: 'none',
  helpers: {
    title: {
      type: 'outside'
    },
    thumbs: {
      width: 50,
      height: 50
    }
  }
});

// show video with plyr
$(".video-container iframe").each(function(i){
  var url = $(this).attr('src');
  var id = url.split('/').pop();
  var plyrContainer = document.createElement('div');
  plyrContainer.className = 'plyr';
  var plyrElement = document.createElement('div');
  plyrElement.dataset.videoId = id;
  switch(true) {
    case url.search('youtube.com') >= 0:
      plyrElement.dataset.type = 'youtube';
      break;
    case url.search('vimeo.com') >= 0:
      plyrElement.dataset.type = 'vimeo';
      break;
    default:
      return;
  };
  plyrContainer.appendChild(plyrElement);
  $(this).parent().html(plyrContainer);
});
plyr.setup('.plyr', {iconUrl: '/css/sprite.svg'});
</script>
</body>
</html>

